<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Z-anime 个人中心</title>
 <link rel="stylesheet" href="../public/css/index/index.css">
 <link rel="stylesheet" href="../public/css/game/head.css">
 <link rel="stylesheet" href="../public/css/login/index.css">
 <link rel="stylesheet" href="../public/css/index/foot.css">
 <!--站点图标-->
 <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>
<body>
  <!--头部-->
  <header id="z_head">
   <div class="head">
       <div class="center">
           <ul id="headUl">
               
           </ul>
           
           <div class="searchInputArea">
            <div class="search_C">
              <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
              <img @click="toSearch" src="../public/img/index/other/search.png">
            </div>
          </div>
           <img class="logo" src="../public/img/index/logo/logo.png" alt="">
       </div>

   </div>
  </header>
<!--头部-->
<!--主体-->
  <div class="head-bg">
    <img src="../public/img/index/other/headbg2.jpg" alt="">
  </div>
  <section id="main" class="main" style="margin:20px auto">
    <img :src="uploadImg" alt="" id="uploadImg" class="hide">
     <div class="userInfo">
       <ul class="info_menu">
         <div class="title">个人中心</div>

       </ul>

       <ul class="info_main">
          <li v-if="area==0">
            
          </li>
          <li v-if="area==1">

          </li>
          <li v-if="area==2">

          </li>
          <li v-if="area==3">

          </li>
          <li v-if="area==4" style="position: relative;">

          </li>
       </ul>
     </div>
     
  </section>
<!--主体-->
<input id="uploadTx" type="file" accept="image/*" name="file" class="hide">


<!--尾部-->
<footer id="z_foot">
    <div class="foot">
        <div class="foot_left"></div>
        <div class="foot_center">
            <span
                class="main_txt">本站所有资源来源于各大视频网站,只供网络测试和学习交流所用,不提供影片资源存储，也不参与任何视频录制、上传,所有视频版权归原权利人，如有关视频侵犯了你的权益，请联系告之，我们将于第一时间删除！我们建议所有影视爱好者购买正版音像制品或去电影院观看最新大片。网站合作联系方式：810268796@qq.com
                Copyright <a href="#">Z动漫在线</a> All Rights Reserved</span>
        </div>
        <div class="foot_right"></div>
    </div>
</footer>
<!--尾部-->

  <script src="../public/js/jquery-1.12.4.min.js"></script>
  <script src="../public/js/vue.js"></script>
  <script src="../public/js/vue-resource.js"></script>
  <script src="../public/js/common.js"></script>
  <script src="../public/js/index/head.js" ></script>
  <script src="../public/js/userInfo/main.js" ></script>
</body>
</html>